<%@ page language="java" import="java.util.*" pageEncoding="utf-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<!DOCTYPE >
<html>
<head>
    <title>随e享</title>
    <!-- meta tags start -->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="Keywords" content="blinds, premium, mobile, template, HTML, Css"/>
    <meta name="Description" content="Premium mobile HTML/CSS template."/>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link href="${ctx}/css/stylemobile.css" rel="stylesheet" type="text/css" media="all"/>
    <script src="${ctx}/js/jquery-1.11.0.min.js"></script>
    <link href="${ctx}/css/css.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
<!-- website wrapper starts -->
<div id="js_article" class="rich_media">
    <div class="rich_media_content" id="js_content">
        <div class="websiteWrapper">
            <div class="headerOuterWrapper">
                <div class="headerWrapper">
                    <span style="color: #fff;">我的预约<a class="add" href="${ctx}/appoint/add">预约申请&gt;</a></span>
                </div>
            </div>
           <div  class="tab-pane" id="Section2">	
		   <div class="list">
			  <ul>
			  	   <li style="background: none;">
						<p style="width: 20%;">预约项目</p>
						<p style="width: 25%;">申请时间</p>
						<p style="width: 20%;">申请状态</p>
						<p style="width: 5%;"></p>
					</li>
                    <c:if test="${not empty appointmentList}">
                        <c:forEach var="appoint" items="${appointmentList}">
                            <a href='${ctx}/appoint/detail?id=${appoint.id}'>
                                <li style="height: 52px">
                                    <p style="width: 20%;">${appoint.projectName}</p>
                                    <p style="width: 25%;"><fmt:formatDate value="${appoint.applyTime}" type="date" /> </p>
                                    <p style="width: 20%;">
                                        <c:if test="${appoint.applyStatus == 0}">
                                            <span>未受理</span>
                                        </c:if>
                                        <c:if test="${appoint.applyStatus == 1}">
                                            <span>已受理</span>
                                        </c:if>
                                        <c:if test="${appoint.applyStatus == 2}">
                                            <span>取消预约</span>
                                        </c:if>
                                    </p>
                                    <p style="width: 5%;"><img src="${ctx}/img/more.png"/></p>
                                </li>
                            </a>
                        </c:forEach>
                    </c:if>
                    <c:if test="${empty appointmentList}">
                        <li style="border:none;">暂无数据${appointmentList.size()}
                        </li>
                    </c:if>

		    </ul>
		</div>
		</div>	
            <!-- footer wrapper starts -->
            <div class="footerWrapper">
                <a href="" class="active"><img src="${ctx}/images/icon_wdyw_.png"/>我的预约</a>
                <a href=""><img src="${ctx}/images/icon_grzx.png"/>个人中心</a>
            </div>
        </div>
    </div>
</div>
</body>
</html>
